<?
	require "lib.php";
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
	<title> IWOP BOARD ALPHA </title>
	<style type="text/css">
		table
		{
			padding:1px;
			width:500px;
			height:400px;
			overflow:hidden;
			border:solid 1px gray;
			background-color:RGB(250,250,230);
		}
		td
		{
			color:#666666;
			font-size:13px;
			font-family:돋움;
			letter-spacing:0px;
		}
		.asterisk
		{
			color:red;
		}
		td p
		{
			display:inline;
			color:#ff9933;
		}
		input
		{
			height:19px;
			padding:2px; 
			border:1px solid #dcdde3; 
			background-color:#fbfbfb;
			letter-spacing:0;
		}
		.right
		{
			padding:50px;
		}
	</style>
	<script type="text/javascript" language="javascript">
		function submitForm() {
			if(document.forms.joinform.pw.value == document.forms.joinform.pwcheck.value) document.forms.joinform.submit();
			else { alert("비밀번호와 비밀번호확인칸이 다릅니다!"); return 1; }
		}
	</script>
</head>
<body>
	<form name="joinform" method="post" action="insertmember.php">
		<table>
			<tr>
				<td class="asterisk">*</td>
				<td class="label">이름</td>
				<td class="input"><input type="text" name="name" maxlength="5" size="15" onfocus="this.style.border='1px solid #FAE6B9'" onblur="this.style.border='1px solid #dcdde3'" /></td>
			</tr>
			<tr>
				<td class="asterisk">*</td>
				<td class="label">아이디</td>
				<td class="input"><input type="text" name="id" maxlength="20" size="15" onfocus="this.style.border='1px solid #FAE6B9'" onblur="this.style.border='1px solid #dcdde3'" /></td>
			</tr>
			<tr>
				<td class="asterisk">*</td>
				<td class="label">비밀번호</td>
				<td class="input"><input type="password" name="pw" maxlength="20" size="17" onfocus="this.style.border='1px solid #FAE6B9'" onblur="this.style.border='1px solid #dcdde3'" /></td>
			</tr>
			<tr>
				<td class="asterisk">*</td>
				<td class="label">비밀번호확인</td>
				<td class="input"><input type="password" name="pwcheck" maxlength="20" size="17" onfocus="this.style.border='1px solid #FAE6B9'" onblur="this.style.border='1px solid #dcdde3'" /></td>
			</tr>
			<tr>
				<td class="asterisk">*</td>
				<td class="label">전화번호</td>
				<td class="input">
					<select name="pFirst">
						<option value="02">02</option>
						<option value="031">031</option>
						<option value="051">051</option>
						<option value="053">053</option>
						<option value="032">032</option>
						<option value="062">062</option>
						<option value="042">042</option>
						<option value="052">052</option>
						<option value="033">033</option>
						<option value="043">043</option>
						<option value="041">041</option>
						<option value="063">063</option>
						<option value="061">061</option>
						<option value="054">054</option>
						<option value="055">055</option>
						<option value="064">064</option>
					</select>
					-
					<input type="text" maxlength="4" name="pSecond" size="4" onfocus="this.style.border='1px solid #FAE6B9'" onblur="this.style.border='1px solid #dcdde3'" />
					-
					<input type="text" maxlength="4" name="pThird" size="4" onfocus="this.style.border='1px solid #FAE6B9'" onblur="this.style.border='1px solid #dcdde3'" />
				</td>
			</tr>
			<tr>
				<td class="asterisk"></td>
				<td class="label">이동통신</td>
				<td class="input">
					<select name="mFirst">
						<option value="010">010</option>
						<option value="016">016</option>
						<option value="017">017</option>
						<option value="018">018</option>
						<option value="019">019</option>
					</select>
					-
					<input type="text" maxlength="4" name="mSecond" size="4" onfocus="this.style.border='1px solid #FAE6B9'" onblur="this.style.border='1px solid #dcdde3'" />
					-
					<input type="text" maxlength="4" name="mThird" size="4" onfocus="this.style.border='1px solid #FAE6B9'" onblur="this.style.border='1px solid #dcdde3'" />
				</td>
			</tr>
			<tr>
				<td class="asterisk">*</td>
				<td class="label">전자메일</td>
				<td class="input">
					<input type="text" name="email" maxlength="30" size="15" onfocus="this.style.border='1px solid #FAE6B9'" onblur="this.style.border='1px solid #dcdde3'" /><br />
					아이디/비밀번호 찾기, 본인확인을 위해 필요합니다.
				</td>
			</tr>
			<tr>
				<td class="asterisk">*</td>
				<td class="label">정보수신</td>
				<td class="input">
					<p>정보서비스를 받으시겠습니까?</p>
					<input type="radio" name="mailing" value="1" />예
					<input type="radio" name="mailing" value="0" />아니오
				</td>
			</tr>
			<tr>
				<td class="asterisk"></td>
				<td class="label">최종학력</td>
				<td class="input">
					<select name="grade">
						<option value="in_ele">초등학교 재학</option>
						<option value="in_mid">중학교 재학</option>
						<option value="in_high">고등학교 재학</option>
						<option value="grad_high">고등학교 졸업</option>
						<option value="in_univ">대학교 재학</option>
						<option value="grad_univ">대학교 졸업</option>
						<option value="in_grad">대학원 재학</option>
						<option value="grad_grad">대학원 졸업</option>
						<option value="etc">기타</option>
					</select>
				</td>
			</tr>
			<tr>
				<td class="asterisk"></td>
				<td class="label">홈페이지</td>
				<td class="input"><input type="text" name="web" maxlength="50" size="50" onfocus="this.style.border='1px solid #FAE6B9'" onblur="this.style.border='1px solid #dcdde3'" value="http://" /></td>
			</tr>
			<tr></tr>
			<tr>
				<td colspan="2"></td>
				<td>
					<input type="reset" value="다시쓰기" />
					<button type="button" onclick="javascript:submitForm()">작성완료</button>
				</td>
			</tr>
		</table>
	</form>
</body>
</html>